<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <link rel="stylesheet" href="/layui/css/layui.css"/>
</head>
<body>
<form class="layui-form layui-form-pane" action="" id="register">

    <div class="layui-form-item">
        <label class="layui-form-label">昵称</label>
        <div class="layui-input-block">
            <input type="text" name="nickName" required  lay-verify="required" id="nickName" placeholder="请输入昵称" autocomplete="off" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-block">
            <input type="text" name="nickName" required  lay-verify="required" id="name" placeholder="请输入真实姓名" autocomplete="off" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">密码</label>
        <div class="layui-input-inline">
            <input type="password" name="password" required lay-verify="required" id="password" placeholder="请输入登录密码" autocomplete="off" class="layui-input">
        </div>
        <div class="layui-form-mid layui-word-aux">辅助文字</div>
    </div>
    <div class="layui-form-item" pane>
        <label class="layui-form-label">城市住址</label>
        <div class="layui-input-block">
            <select name="address" id="address" lay-verify="required">
                <option value=""></option>
                <option value="0">北京</option>
                <option value="1">上海</option>
                <option value="2">广州</option>
                <option value="3">深圳</option>
                <option value="4">杭州</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">爱好</label>
        <div class="layui-input-block">
            <input type="checkbox" name="like[write]" title="写作">
            <input type="checkbox" name="like[read]" title="阅读" checked>
            <input type="checkbox" name="like[dai]" title="发呆" disabled>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">信息公开</label>
        <div class="layui-input-block">
            <input type="checkbox" name="isOn" id="isOn" lay-skin="switch" lay-text="开|关">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-block">
            <input type="radio" name="sex" value="男" title="男">
            <input type="radio" name="sex" value="女" title="女" checked="true">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">邮箱</label>
        <div class="layui-input-block">
            <input type="text" name="email" placeholder="请输入邮箱" autocomplete="off" class="layui-input" lay-verify="email">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">手机号</label>
        <div class="layui-input-block">
            <input type="phone" name="phone" placeholder="请输入手机号" autocomplete="off" class="layui-input" lay-verify="phone" >
        </div>
    </div>
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">自我介绍</label>
        <div class="layui-input-block">
            <textarea name="desc" id="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">请选择种族</label>
        <div class="layui-input-block">
            <select name="quiz" lay-verify="" lay-search="">
                <option value="">请选择</option>
                <optgroup label="人族">
                    <option value="11">智者</option>
                    <option value="12">武者</option>
                    <option value="13">皇家</option>
                </optgroup>
                <optgroup label="魔族">
                    <option value="21">魔君</option>
                    <option value="22">魔石</option>
                </optgroup>
                <optgroup label="神族">
                    <option value="31">精灵族</option>
                    <option value="32">仙女族</option>
                    <option value="33">72星宿</option>
                </optgroup>
                ……
            </select>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">毕业期望薪资</label>
            <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid">-</div>
            <div class="layui-input-inline" style="width: 100px;">
                <input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn layui-block" lay-submit lay-filter="formRegister">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>
<!--<script src="/own/jquery-3.0.0.min.js"></script>-->
<script src="/layui/layui.js"></script>
<script src="/own/register.js"></script>

</body>
</html>